<template>
  <div class='index-tuijian'>
    <div>
      <el-carousel height="250px" direction="vertical" :autoplay="true" :interval="5000" class="lunbo">
        <el-carousel-item v-for="item in 3" :key="item">
          <img src="http://www.yswdqz.xyz/wallhaven-72pqze.jpg" alt="" class="lunboimg">
        </el-carousel-item>
      </el-carousel>
    </div>
    <h2 class="h2">
      推荐文章
    </h2> 
    <div>
      <artices-card type="tuijian"></artices-card>
    </div>
  </div>
</template>

<script lang='ts'>
import { defineComponent, ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import articesCard from '../../components/artices-card/index.vue'

export default defineComponent({
  name: '',
  components: {
    articesCard
  },
  setup () {
    const route = useRoute()
    const router = useRouter()
    // 获取路由routers参数
    const routerclassfiy = ref<any>(route.query.routers)


    return {
      routerclassfiy
    }
  }
})
</script>

<style lang='scss' scoped>
.index-tuijian{
  
  padding: 0 33px;
}
.h2{
  margin: 20px 0;
}
.lunbo{
  border-radius: 9px;
}
.lunboimg{
  width: 800px;
  height: 100%;
}
</style>
